li{
    list-style: none;
    >a{
        color: black;
    }
}
.header{
    height: 64px;
    color: white;
    padding: 0 24px;
    display: flex;
    justify-content: space-between;
    >.logo{
        display: flex;
        align-items: center;
        >img{
            width:32px;
        }
        >span{
            font-size: 19.2px;
            padding-left: 4px;
        }
    }
    >ul{
        display: flex;
        flex-direction: row;
        >li{
            width: 106px;
            text-align: right;
            *{
                color: rgba(255, 255, 255, 0.65);
            }
        }
        >li:hover{
            *{
                color: white;
            }
        }
    }
}
//头像
.avatar{
    .sp{
        padding-left: 8px;
    }
}

//二级主体
.content{
    background-color: #F0F2F5;
    padding: 0 24px;
}
//底部
.footer{
    height: 106px;
    text-align: center;
    padding: 20px 0;
}